<template>
  <i class="my-icon" :class="{[`my-icon--${type}`]: type}">
    <font-awesome-icon
      v-bind="filteredProps"
    />
  </i>

</template>

<script setup name="MyIcon" >
import { computed } from 'vue'
import propObj from './props'
import { omit } from 'lodash-es'
defineOptions({
  name: 'MyIcon'
})
const props = defineProps(propObj)

const filteredProps = computed(() => omit(props, ['type']))
</script>

<style lang="scss" scoped>

</style>
